<template>
	<view class="container">
		<view class="fgx u-m-t-28">
		</view>
		<view class="f-list u-flex  " v-for="(item, index) in list" :key="index">
			<view class="qylg u-m-b-5 u-m-t-36" >
				<image style="width: 64rpx; height: 64rpx;" src="../../../static/img/file.png" mode=""></image>
			</view>
			<view class="f-item u-m-b-5">
				<view class="u-font-34">
					{{item.system}}
				</view>
				<view class="title u-flex u-m-t-12">
						<text class="name">{{ item.name }}</text>
						<text class="rq">2020-06-01</text>
						<text class="wjdx">3.1M</text>
				</view>
			</view>
			<view class="xz">
				下载
			</view>
		</view>
		<view class="u-m-t-20 u-p-30">
			<u-button class="button" @click="submit">上传文件</u-button>
		</view>
	</view>
</template>

<script>
	export default{
		
		data(){
			return{
				bjxm: "../../static/homepage/xmkk.png",
				list:[
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名',
						leader: true
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
					{
						system:'项目施工规章制度',
						name:'张三',
						logo:'姓名'
					},
				]
			}
			
		},
		onLoad(options){
		},
		methods:{
		},
		
	}
</script>

<style scoped lang="scss">
	.fgx{
		width: 100%;
		height: 20rpx;
		background-color: #F5F5F9;
	}
	.f-list{
		
		border-bottom: 2rpx solid #DADFED;
		
	}
	.qylg{
			width: 102rpx;
			height: 118rpx;
			background-size: 100% auto;
			background-position: 0 bottom;
		margin-top: 15rpx;
		overflow: hidden;
		text-align: center;

		text {
			color: #888D99;
			font-size: 26rpx;
			line-height: 118rpx;
		}
		}
		.name{
			font-size: 28rpx;
			color: #4C9CFF;
		}
		.tz{
			width: 68rpx; color: #FFFFFF; font-size: 24rpx;
			height: 36rpx;
			background: #AB61FF;
			border-radius: 6rpx;
			margin-left: 20rpx;
		}
		.xz{
			width: 114rpx;
			height: 50rpx;
			background: #4C9CFF;
			border-radius: 25rpx;
			color: #FFFFFF;
			font-size: 26rpx;
			text-align: center;
			line-height: 50rpx;
			margin-left: 150rpx;
		}
		.rq{
			font-size: 28rpx;
			color: #888E9A;
			margin-left: 20rpx;
		}
		.wjdx{
			font-size: 28rpx;
			color: #888E9A;
			margin-left: 20rpx;
		}
		.button {
			width: 662rpx;
			margin:121rpx auto 56rpx auto;
			background: #ab61ff;
			border-radius: 40rpx;
			border: 0;
			color: #fff;
			&.u-hairline-border:after {
				border: 0;
			}
		}
</style>
